<template>
<div class="app-top">
  <label for="todlist-ipt">ToDoList</label>
  <input type="text" v-model="todolistMsg" @keyup.enter="sendMsg" id="todlist-ipt">
</div>
</template>
<script>
export default {
  name: 'appHeader',
  data() {
    return {
      todolistMsg: '',
    };
  },
  methods: {
    sendMsg() {
      this.$emit('msgchange', this.todolistMsg);
      this.todolistMsg = '';
    },
  },
};
</script>

<style scoped>

</style>
